<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>后台人员列表</title>
        <script src="/jquery/jquery-3.2.1.min.js"></script>
        <script src="/layui/layui.js"></script>
        <link rel="stylesheet" href="/layui/css/layui.css">
        <!-- 导入Ztree -->
        <link rel="stylesheet" href="/ztree/css/metroStyle/metroStyle.css"/>
        <script type="text/javascript" src="/ztree/js/jquery.ztree.all.min.js"></script>
        <!-- 基本功能 -->
        <script type="text/javascript" src="/ztree/js/jquery.ztree.core.js"></script>
        <!-- 复选功能 -->
        <script type="text/javascript" src="/ztree/js/jquery.ztree.excheck.js"></script>
        <!-- 编辑功能 -->
        <script type="text/javascript" src="/ztree/js/jquery.ztree.exedit.js"></script>
        <link rel="stylesheet" href="/css/jurisdiction/backgroundPersonnelManagement/backstageStaff/backstage-staff.css">
        <script src="/js/jurisdiction/backgroundPersonnelManagement/backstageStaff/backstage-staff.js"></script>
    </head>

        <div class="box">
            <div class="list">
                <div class="list-left">
                    <div class="list-left-left"></div>
                    <p id="title" class="list-left-right">后台人员列表</p>
                </div>
                <div class="list-right">
                    <div class="list-right-left layui-btn layui-icon layui-icon-refresh" id="refresh">&nbsp;刷新</div>
                    <div class="list-right-right layui-btn layui-icon layui-icon-left" id="goBack">&nbsp;返回</div>
                </div>
            </div>
            <!--筛选查询-->
            <div class="layui-row query">
                <div class="layui-col-md11">
                    <div class="layui-card headerCenter">
                        <div class="layui-card-header backColor">
                            <i class="layui-icon">&#xe615;</i>
                            筛选查询
                            <div class="query-top-right layui-btn" style="margin-right: 6px" id="advancedSearch"> 高级检索</div>
                        </div>
                        <div class="layui-card-body">

                            <form class="layui-form">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">用户账号：</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="account" id="account" placeholder="请输入用户账号" required class="layui-input">
                                        <input type="hidden" id="userData" class="layui-input">
                                    </div>

                                    <label class="layui-form-label">用户姓名：</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="trueName" id="trueName" placeholder="请输入用户姓名" class="layui-input">
                                    </div>
                                    <label class="layui-form-label">所属部门：</label>
                                    <div class="layui-input-inline">
                                        <!--<input type="text" name="deptName" id="deptName" placeholder="请选择所属部门" class="layui-input">-->
                                        <select class="layui-select" name="deptName" id="deptId">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                    <label class="layui-form-label">注册日期：</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="registerDate" id="registerDate" placeholder="请选择注册日期" class="layui-input">
                                    </div>

                                    <span>
                                        <button lay-submit lay-filter="search" type="submit" class="layui-btn" >
                                            <i class="layui-icon layui-icon-search"></i> 搜索
                                        </button>
                                        <button type="reset" class="layui-btn layui-btn-warm">
                                            <i class="layui-icon layui-icon-refresh"></i> 重置
                                        </button>
                                    </span>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="record">
                <div class="tree-left">
                    <!--树-->
                    <ul id="deptTree" class="ztree" ></ul>
                </div>
                <div class="record-right">
                    <!--表-->
                    <table id="backstageStaffTable" lay-filter="backstageStaffTable"></table>
                </div>
            </div>
            <!--表头样式-->
            <div id="button_ids">
                <i class="layui-icon layui-icon-align-left"></i>后台人员管理列表
                <button lay-event="importAdministrators"  type="button" id="importAdministrators" class="layui-icon layui-btn layui-icon-addition">导入管理员</button>
                <button onclick="addUser()" type="button" id="addAdministrators" class="layui-icon layui-btn layui-icon-addition">添加管理员</button>
            </div>
            <div class="layui-upload-drag" id="importExcel" style="display:none;width:280px;height:150px; text-align:center;">
                <br/><br/>
                <i class="layui-icon"></i>
                <p>点击上传，或将文件拖拽到此处</p>
            </div>
            <!--表内操作-->
            <div id="operation" style="display:none" >
                <a alt="查看" title="查看" href="javascript:;" lay-event="select">查看</a>
                <a alt="权限" title="权限" href="javascript:;" lay-event="jurisdiction">权限</a>
                <br>
                <a alt="编辑" title="编辑" href="javascript:;" lay-event="compile">编辑</a>
                <a alt="封停" title="封停" href="javascript:;" lay-event="closure">封停</a>
            </div>
            <!--ztree节点增删改-->
            <div id="rMenu">
                <ul>
                    <li id="m_del" onclick="removeDeptTreeNode();">删除节点</li>
                    <li id="m_edit" onclick="editDeptTreeNode();">编辑节点</li>
                </ul>
            </div>
        </div>
    </body>
</html>